<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class=" ">

<head>
<script src="/static/js/jquery-1.12.0.min.js" type="text/javascript"></script>
<script src="/static/js/layer.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>线索挖掘平台</title>
<meta name="viewport"
	content="width=device-width,initial-scale=1,user-scalable=no,minimal-ui,maximum-scale=1,minimum-scale=1">
<link rel="stylesheet" href="../../static/css/init.css" type="text/css">
<link rel="shortcut icon"
	href="https://www.shangwuzhushou.com/favicon.ico" type="image/x-icon">
<link href="../../static/css/app.e7b2f0a7f32d81e95faa5d543ac42250.css"
	rel="stylesheet">
<style type="text/css">
@
keyframes resizeanim {from { opacity:0;
	
}

to {
	opacity: 0;
}

}
.resize-triggers {
	animation: 1ms resizeanim;
	visibility: hidden;
	opacity: 0;
}

.resize-triggers, .resize-triggers>div, .contract-trigger:before {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

.resize-triggers>div {
	background: #eee;
	overflow: auto;
}

.contract-trigger:before {
	width: 200%;
	height: 200%;
}
</style>
</head>

<body style="">
	<div id="app">
		<div data-v-0889fc0c="" class="panel el-row">
			<div data-v-0889fc0c="" class="panel-top el-col el-col-24">
				<div data-v-0889fc0c="" class="el-col el-col-4">
					<img data-v-0889fc0c=""
						src=""
						class="logo"> <span data-v-0889fc0c="" class="logo">线索挖掘</span>
				</div>
				<div data-v-0889fc0c="" class="el-col el-col-4 el-col-offset-12">
					<i data-v-0889fc0c="" aria-hidden="true"
						class="icon iconfont icon-dengpao"></i>本日剩余可下载数量：${canDownNum}
				</div>
				<div data-v-0889fc0c="" class="el-col el-col-2">
					<div data-v-0889fc0c="" class="pointer el-tooltip"
						style="height: 33px;">
						<i data-v-0889fc0c="" aria-hidden="true"
							class="iconfont icon-yonghu"></i>${user.name}
					</div>
				</div>
				<div data-v-0889fc0c="" class="el-col el-col-1">
					<i data-v-0889fc0c="" aria-hidden="true"
						class="iconfont icon-tuichu pointer el-tooltip item tip-logout"></i>
				</div>
			</div>
			<div data-v-0889fc0c="" class="panel-center el-col el-col-24">
				<aside data-v-0889fc0c="">
				<ul data-v-0889fc0c="" class="el-menu el-menu--dark">
					<li data-v-0889fc0c="" class="el-submenu is-active is-opened">
						<div class="el-submenu__title" style="padding-left: 20px;">
							<i data-v-0889fc0c="" class="icon iconfont icon-search"></i>线索筛选
						</div>
					</li>
				</ul>
				</aside>
				<section data-v-0889fc0c="" id="panel-c-c" class="panel-c-c">
				<div data-v-0889fc0c="" class="panel-c-bottom">
					<div data-v-0889fc0c="" class="el-col el-col-24">
						<div data-v-262b7b8c="" data-v-0889fc0c="">

							<div data-v-262b7b8c="" class="panel-center-top el-row">
								<div data-v-262b7b8c=""
									class="pd-25 el-col el-col-24 el-col-sm-24">
									<div data-v-262b7b8c="" class="logo el-row">
										<button data-v-262b7b8c="" onclick="sub()" type="button"
											class="el-button btn-filter el-button--default">
											<span> <i data-v-262b7b8c=""
												class="icon iconfont icon-shaixuan"></i>筛选
											</span>
										</button>
										<div data-v-262b7b8c="" class="el-dialog__wrapper"
											style="display: none;">
											<div class="el-dialog el-dialog--tiny" style="top: 15%;">
												<div class="el-dialog__header">
													<span class="el-dialog__title">标签名称</span>
													<div class="el-dialog__headerbtn">
														<i class="el-dialog__close el-icon el-icon-close"></i>
													</div>
												</div>
												<!---->
												<div class="el-dialog__footer">
													<div data-v-262b7b8c="" class="dialog-footer">
														<button data-v-262b7b8c="" type="button"
															class="el-button btn-filter el-button--primary">
															<span>确 定</span>
														</button>
														<button data-v-262b7b8c="" type="button"
															class="el-button el-button--default">
															<span>取 消</span>
														</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div data-v-262b7b8c="" class="el-dialog__wrapper alert-dialog"
										style="display: none;">
										<div class="el-dialog el-dialog--tiny" style="top: 15%;">
											<div class="el-dialog__header">
												<span class="el-dialog__title">提示</span>
												<div class="el-dialog__headerbtn">
													<i class="el-dialog__close el-icon el-icon-close"></i>
												</div>
											</div>
											<div class="el-dialog__footer">
												<div data-v-262b7b8c="" class="dialog-footer">
													<label data-v-262b7b8c="" class="el-checkbox f-left">
														<span class="el-checkbox__input is-checked"> <span
															class="el-checkbox__inner"></span> <input type="checkbox"
															class="el-checkbox__original" value="">
													</span> <span class="el-checkbox__label">不再显示 </span>
													</label>
													<button data-v-262b7b8c="" type="button"
														class="el-button btn-filter el-button--primary">
														<span>否，重新筛选</span>
													</button>
													<button data-v-262b7b8c="" type="button"
														class="el-button el-button--default">
														<span>是，继续这个筛选</span>
													</button>
												</div>
											</div>
										</div>
									</div>
									<div data-v-99d2ad4c="" data-v-262b7b8c="">
										<div data-v-b5ab7848="" data-v-99d2ad4c=""></div>
										<div data-v-31d8d05e="" data-v-99d2ad4c="">
											<div data-v-31d8d05e="" class="group-item el-row">
												<div data-v-31d8d05e="" class="label el-col el-col-2">地区选择</div>
												<div data-v-31d8d05e="" class="el-col el-col-18">
													<span data-v-31d8d05e="">
														<div data-v-31d8d05e=""
															class="animated list-item el-col el-col-24">
															<c:forEach items="${cities}" var="city">
																<c:choose>
																	<c:when test="${city.id==0}">
																		<div id="cityid${city.id}" data-v-31d8d05e=""
																			class="el-col el-col-3 active"
																			onclick="chooseCity(${city.id})">
																			<p data-v-31d8d05e="" class="pointer">${city.name}</p>
																		</div>
																	</c:when>
																	<c:otherwise>
																		<div id="cityid${city.id}" data-v-31d8d05e=""
																			class="el-col el-col-3"
																			onclick="chooseCity(${city.id})">
																			<p data-v-31d8d05e="" class="pointer">${city.name}</p>
																		</div>
																	</c:otherwise>
																</c:choose>
															</c:forEach>
														</div>
													</span>
												</div>
											</div>
										</div>
										<div data-v-31d8d05e="" data-v-99d2ad4c=""
											style="display: none;">
											<div data-v-31d8d05e="" class="group-item el-row">
												<div data-v-31d8d05e="" class="label el-col el-col-2">
													<p data-v-99d2ad4c="">经营地址</p>
												</div>
											</div>
										</div>
										<div data-v-99d2ad4c="">
											<div data-v-99d2ad4c="" class="group-item el-row">
												<div data-v-99d2ad4c="" class="label el-col el-col-2">
													<p data-v-99d2ad4c="">行业分类</p>
												</div>
												<div data-v-99d2ad4c="" class="el-col el-col-18">
													<span data-v-99d2ad4c=""> <c:forEach
															items="${industries}" var="industry">
															<c:choose>
																<c:when test="${industry.id==0}">
																	<div id="industryid${industry.id}" data-v-99d2ad4c=""
																		class="animated list-item pointer el-col el-col-3 active"
																		onclick="chooseIndustry(${industry.id})">
																		<p data-v-99d2ad4c="" title="${industry.name}">${fn:substring(industry.name,0,5)}</p>
																	</div>
																</c:when>
																<c:otherwise>
																	<div id="industryid${industry.id}" data-v-99d2ad4c=""
																		class="animated list-item pointer el-col el-col-3"
																		onclick="chooseIndustry(${industry.id})">
																		<p data-v-99d2ad4c="" title="${industry.name}">${fn:substring(industry.name,0,5)}</p>
																	</div>
																</c:otherwise>
															</c:choose>
														</c:forEach>
													</span>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div data-v-262b7b8c="" class="panel-center-bottom">
								<div data-v-262b7b8c="" class="pd-25">
									<div data-v-262b7b8c="" class="tableTitle el-row">
										 <div data-v-262b7b8c="" class="el-col el-col-24 el-col-md-15">
											 <img data-v-262b7b8c=""
												src="">
											<span data-v-262b7b8c="">${count}</span> <span
												data-v-262b7b8c="" class="blue2">条相关线索</span>
											<div data-v-262b7b8c="" class="inline" style="">
												<span data-v-262b7b8c="" class="blue2">本次	可下载</span> <span
													data-v-262b7b8c="">${count}</span> <span data-v-262b7b8c=""
													class="blue2">条线索</span>
											</div>
										</div> 
										<div data-v-262b7b8c=""
											class="el-col el-col-24 el-col-offset-7 el-col-md-2">
											<button onclick="exportExcel()" data-v-262b7b8c="" type="button"
												class="el-button btn-export el-button--default">
												<span> <i data-v-262b7b8c=""
													class="icon iconfont icon-daochu"></i>导出
												</span>
											</button>
										</div>
									</div>
									<div data-v-262b7b8c="" class="tableMain el-row">
										<div data-v-262b7b8c=""
											class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition"
											style="width: 100%;">
											<div class="hidden-columns">
												<div data-v-262b7b8c=""></div>
												<div data-v-262b7b8c=""></div>
												<div data-v-262b7b8c=""></div>
												<div data-v-262b7b8c=""></div>
												<div data-v-262b7b8c=""></div>
												<div data-v-262b7b8c=""></div>
												<div data-v-262b7b8c=""></div>
												<div data-v-262b7b8c=""></div>
												<div data-v-262b7b8c=""></div>
											</div>
											<div class="el-table__header-wrapper">
												<table cellspacing="0" cellpadding="0" border="0"
													class="el-table__header" style="width: 1070px;">
													<colgroup>
														<col name="el-table_1_column_1" width="250">
														<col name="el-table_1_column_2" width="250">
														<col name="el-table_1_column_3" width="250">
														<col name="el-table_1_column_4" width="250">
														<col name="el-table_1_column_5" width="250">
														<col name="el-table_1_column_6" width="250">
														<col name="el-table_1_column_7" width="250">
														<col name="el-table_1_column_8" width="250">
														<col name="el-table_1_column_9" width="250">
													</colgroup>
													<thead>
														<tr>
															<th colspan="1" rowspan="1"
																class="el-table_1_column_1 gray pointer is-leaf">
																<div class="cell">公司名称</div>
															</th>
															<!-- <th colspan="1" rowspan="1"
																class="el-table_1_column_2 is-leaf">
																<div class="cell">地址</div>
															</th> -->
															<th colspan="1" rowspan="1"
																class="el-table_1_column_3 is-leaf">
																<div class="cell">注册资本</div>
															</th>
															<!-- <th colspan="1" rowspan="1"
																class="el-table_1_column_4 is-leaf">
																<div class="cell">行业分类1</div>
															</th>
															<th colspan="1" rowspan="1"
																class="el-table_1_column_5 is-leaf">
																<div class="cell">行业分类2</div>
															</th> -->
															<!-- <th colspan="1" rowspan="1"
																class="el-table_1_column_6 is-leaf">
																<div class="cell">员工数量</div>
															</th> -->
															<th colspan="1" rowspan="1"
																class="el-table_1_column_7 is-leaf">
																<div class="cell">注册时间</div>
															</th>
															<th colspan="1" rowspan="1"
																class="el-table_1_column_8 is-leaf">
																<div class="cell">法人代表</div>
															</th>
															<!-- <th colspan="1" rowspan="1"
																class="el-table_1_column_9 is-leaf">
																<div class="cell">融资轮次</div>
															</th> -->
														</tr>
													</thead>
												</table>
											</div>
											<div class="el-table__body-wrapper">
												<table cellspacing="0" cellpadding="0" border="0"
													class="el-table__body" style="width: 1070px;">
													<colgroup>
														<col name="el-table_1_column_1" width="250">
														<col name="el-table_1_column_2" width="250">
														<col name="el-table_1_column_3" width="250">
														<col name="el-table_1_column_4" width="250">
														<col name="el-table_1_column_5" width="250">
														<col name="el-table_1_column_6" width="250">
														<col name="el-table_1_column_7" width="250">
														<col name="el-table_1_column_8" width="250">
														<col name="el-table_1_column_9" width="250">
													</colgroup>
													<tbody class="companies">
														<tr class="">
															<td class="el-table_1_column_1 gray pointer">
																<div class="cell el-tooltip" style="width: 250px;">${com.name}</div>
															</td>
															<!-- <td class="el-table_1_column_2">
																<div class="cell el-tooltip" style="width: 80px;">北京市丰台区贾家花园15号院7号楼8360A室</div>
															</td> -->
															<td class="el-table_1_column_3">
																<div class="cell el-tooltip" style="width: 250px;">${com.registePrice}</div>
															</td>
															<!-- <td class="el-table_1_column_4">
																<div class="cell el-tooltip" style="width: 120px;">出版传媒</div>
															</td>
															<td class="el-table_1_column_5">
																<div class="cell el-tooltip" style="width: 120px;">其他机械设备及电子产品批发</div>
															</td>
															<td class="el-table_1_column_6">
																<div class="cell el-tooltip" style="width: 100px;">不限</div>
															</td> -->
															<td class="el-table_1_column_7">
																<div class="cell el-tooltip" style="width: 250px;">${com.registeTime}</div>
															</td>
															<td class="el-table_1_column_8">
																<div class="cell el-tooltip" style="width: 250px;">${com.userName}</div>
															</td>
															<!-- <td class="el-table_1_column_9">
																<div class="cell el-tooltip" style="width: 100px;"></div>
															</td> -->
														</tr>
													</tbody>
												</table>
												<!---->
											</div>
											<div class="el-table__column-resize-proxy"
												style="display: none;"></div>
											<div class="resize-triggers">
												<div class="expand-trigger">
													<div style="width: 964px; height: 443px;"></div>
												</div>
												<div class="contract-trigger"></div>
											</div>
											<div class="el-loading-mask" style="display: none;">
												<div class="el-loading-spinner">
													<svg viewBox="25 25 50 50" class="circular"> <circle
														cx="50" cy="50" r="20" fill="none" class="path"></circle>
													</svg>
													<!---->
												</div>
											</div>
										</div>
									</div>
									<div data-v-262b7b8c="" class="el-row">
										<div data-v-262b7b8c=""
											class="el-col el-col-24 el-col-offset-19 el-col-md-5">
											<div data-v-262b7b8c=""
												class="el-pagination el-pagination--small" md="12">
												<!-- <button type="button" class="btn-prev disabled">
													<i class="el-icon el-icon-arrow-left"></i>
												</button> -->
												<!-- <ul class="el-pager">
													<li class="number active">1</li>
													
													<li class="number">2</li>
													<li class="number">3</li>
													<li class="number">4</li>
													<li class="number">5</li>
													<li class="number">6</li>
													<li class="el-icon more btn-quicknext el-icon-more"></li>
													<li class="number">100</li>
												</ul> -->
												<!-- <button type="button" class="btn-next">
													<i class="el-icon el-icon-arrow-right"></i>
												</button> -->
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				</section>
			</div>
		</div>
	</div>
	<div class="el-message-box__wrapper"
		style="z-index: 2001; display: none;">
		<div class="el-message-box">
			<div class="el-message-box__header">
				<div class="el-message-box__title">提示</div>
				<i class="el-message-box__close el-icon-close"></i>
			</div>
			<div class="el-message-box__content">
				<div class="el-message-box__status el-icon-warning"></div>
				<div class="el-message-box__message" style="margin-left: 50px;">
					<p>请选择地区</p>
				</div>
				<div class="el-message-box__input" style="display: none;">
					<div class="el-input">
						<!---->
						<!---->
						<input autocomplete="off" placeholder="" type="text" rows="2"
							validateevent="true" class="el-input__inner">
						<!---->
						<!---->
					</div>
					<div class="el-message-box__errormsg" style="visibility: hidden;"></div>
				</div>
			</div>
			<div class="el-message-box__btns">
				<button type="button" class="el-button el-button--default"
					style="display: none;">
					<!---->
					<!---->
					<span> 取消 </span>
				</button>
				<button type="button"
					class="el-button el-button--default el-button--primary ">
					<!---->
					<!---->
					<span> 确定 </span>
				</button>
			</div>
		</div>
	</div>
</body>

<script type="text/javascript">
	var industry = 0;
	var city = 0;
	function exportExcel() {
		window.location.href="/web/data/excel";
	};
	function chooseIndustry(industryId) {
		var i_current = '#industryid'+industryId;
		var i_old = '#industryid'+industry;
		$(i_old).removeClass('active');
		$(i_current).addClass('active');
		industry = industryId;
		layer.msg(industry+"");
	};
	function chooseCity(cityId) {
		var c_current = '#cityid'+cityId;
		var c_old = '#cityid'+city;
		$(c_old).removeClass('active');
		$(c_current).addClass('active');
		city = cityId;
		layer.msg(city+"");
	};
	function sub(){
		
		$.ajax({
			url : "/web/company",
			data : {
				'cityid' : city,
				'industryid' : industry
			},
			dataType : "json",
			type : "POST",
			success : function(d) {
				if (d.code == '200') {
					layer.msg(d.msg);
					$.each(d.data, function(){
						console.log(this);
						$(".companies").prepend("<tr class=''>"+
								"<td class='el-table_1_column_1 gray pointer'>"+
								"<div class='cell el-tooltip' style='width: 250px;'>"+this.name+"</div>"+
							"</td>"+
							/* "<td class='el-table_1_column_2'>"+
								"<div class='cell el-tooltip' style='width: 80px;'>"+this.cityId+"</div>"+
							"</td>"+ */
							"<td class='el-table_1_column_3'>"+
								"<div class='cell el-tooltip' style='width: 250px;'>"+this.registePrice+"</div>"+
							"</td>"+
							/* "<td class='el-table_1_column_4'>"+
								"<div class='cell el-tooltip' style='width: 120px;'>"+this.industry+"</div>"+
							"</td>"+
							"<td class='el-table_1_column_5'>"+
								"<div class='cell el-tooltip' style='width: 120px;'>"+this.industry+"</div>"+
							"</td>"+
							"<td class='el-table_1_column_6'>"+
								"<div class='cell el-tooltip' style='width: 100px;'>"+this.industry+"</div>"+
							"</td>"+ */
							"<td class='el-table_1_column_7'>"+
								"<div class='cell el-tooltip' style='width: 250px;'>"+ this.registeTime+ "</div>"+
							"</td>"+
							"<td class='el-table_1_column_8'>"+
								"<div class='cell el-tooltip' style='width: 250px;'>"+ this.userName+ "</div>"+
							"</td>"+
							/* "<td class='el-table_1_column_9'>"+
								"<div class='cell el-tooltip' style='width: 100px;'></div>"+
							"</td>"+ */
						"</tr>");
						});
				} else {
					layer.msg(d.msg);
				}
			},
			error : function() {
				return layer.msg("网络错误!");
			}
		});
		
		layer.msg(city+","+industry+","+"筛选");
	}
</script>
</html>

